{% extends "template-base.html" %}

{% block mainclasses %}landing{% endblock %}

{% block main %}
  <section class="container-fluid bg-white section-hero pb-4 pt-2">
    <h1 class="main-page-header">XRP Ledger Documentation</h1>
    <p class="blurb">Dive into our documentation and start integrating with the XRP Ledger.</p>
    <p class="blurb">Browse by category, or skip straight to the <a href="#full-doc-index">full documentation index</a>.</p>
  </section>

  <section class="container-fluid card-grid card-grid-3xN doc-landing-section">
    {% set doc_types = [] %}
    {% set flag_n = cycler(* range(1,99)) %}
    {% for page in pages %}
      {% if page.doc_type is defined and page.doc_type not in doc_types %}
        {% set doc_type_top = pages|selectattr('doc_type', 'defined_and_equalto', page.doc_type)|first %}

          <div class="card">
            <div class="card-header">
              <h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}}</a></h3>
            </div><!--/.card-header-->
            <div class="card-body">
              {% if page.blurb is defined %}
                <p class="blurb">{{page.blurb}}</p>
              {% endif %}
              {% set parent_page = doc_type_top %}
              {% set depth = 1.5 %}
              {% include 'template-page-children.html' %}
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a class="btn btn-outline-secondary" href="{{doc_type_top.html}}">View All {{doc_type_top.name}}</a>
              </div>
            </div><!--/.card-footer-->
            <div class="flag-vertical">{{"%02d"|format(flag_n.next())}}</div>
          </div><!--/.card-->

        {% set _ = doc_types.append(page.doc_type) %}
      {% endif %}
    {% endfor %}

  </section>

  <section class="container-fluid doc-index">
    <h2 id="full-doc-index">Full Documentation Index</h2>
    <div class="row">
      <div class="col-md-8">
        {% set parent_page = currentpage %}
        {% set depth = 5 %}
        {% include 'template-page-children.html' %}
      </div>
    </div>
  </section>
{% endblock %}

{% block endbody %}
<script type="application/javascript">
  gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}
